﻿@{
    Layout = null;
}

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Gebo Admin Panel</title>

    <!-- Bootstrap framework -->
    <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css" />
    <!-- jQuery UI theme -->
    <link rel="stylesheet" href="/lib/jquery-ui/css/Aristo/Aristo.css" />
    <!-- tooltips-->
    <link rel="stylesheet" href="/lib/jBreadcrumbs/css/BreadCrumb.css" />
    <!-- tooltips-->
    <link rel="stylesheet" href="/lib/qtip2/jquery.qtip.min.css" />
    <!-- colorbox -->
    <link rel="stylesheet" href="/lib/colorbox/colorbox.css" />
    <!-- code prettify -->
    <link rel="stylesheet" href="/lib/google-code-prettify/prettify.css" />
    <!-- sticky notifications -->
    <link rel="stylesheet" href="/lib/sticky/sticky.css" />
    <!-- aditional icons -->
    <link rel="stylesheet" href="/img/splashy/splashy.css" />
    <!-- flags -->
    <link rel="stylesheet" href="/img/flags/flags.css" />
    <!-- datatables -->
    <link rel="stylesheet" href="/lib/datatables/extras/TableTools/media/css/TableTools.css">

    <!-- calendar -->
    <link rel="stylesheet" href="/lib/fullcalendar/fullcalendar_gebo.css" />

    <!-- main styles -->
    <link rel="stylesheet" href="/css/style.css" />
    <!-- theme color-->
    <link rel="stylesheet" href="/css/blue.css" id="link_theme" />

    <!--             <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'> -->
    <!-- favicon -->
    <link rel="shortcut icon" href="favicon.ico" />

    <!--[if lte IE 8]>
        <link rel="stylesheet" href="css/ie.css" />
    <![endif]-->
    <!--[if lt IE 9]>
        <script src="js/ie/html5.js"></script>
        <script src="js/ie/respond.min.js"></script>
        <script src="/lib/flot/excanvas.min.js"></script>
    <![endif]-->


</head>
<body onload="iframeAutoFit()">


    <div class="row">
        <div class="col-sm-12 tac">
            <ul class="ov_boxes">
                <li>
                    <div class="p_bar_up p_canvas">2,4,9,7,12,8,16</div>
                    <div class="ov_text">
                        <strong>$3 458,00</strong>
                        Weekly Sale
                    </div>
                </li>
                <li>
                    <div class="p_bar_down p_canvas">20,15,18,14,10,13,9,7</div>
                    <div class="ov_text">
                        <strong>$43 567,43</strong>
                        Monthly Sale
                    </div>
                </li>
                <li>
                    <div class="p_line_up p_canvas">3,5,9,7,12,8,16</div>
                    <div class="ov_text">
                        <strong>2304</strong>
                        Unique visitors (last 24h)
                    </div>
                </li>
                <li>
                    <div class="p_line_down p_canvas">20,16,14,18,15,14,14,13,12,10,10,8</div>
                    <div class="ov_text">
                        <strong>30240</strong>
                        Unique visitors (last week)
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            <ul class="dshb_icoNav clearfix">
                <li><a href="javascript:void(0)" style="background-image: url(img/gCons/multi-agents.png)"><span class="label label-info">+10</span> Users</a></li>
                <li><a href="javascript:void(0)" style="background-image: url(img/gCons/world.png)">Map</a></li>
                <li><a href="javascript:void(0)" style="background-image: url(img/gCons/configuration.png)">Settings</a></li>
                <li>
                    <a href="javascript:void(0)" style="background-image: url(img/gCons/lab.png)">Lab</a>
                </li>
                <li><a href="javascript:void(0)" style="background-image: url(img/gCons/van.png)"><span class="label label-success">$2851</span> Delivery</a></li>
                <li><a href="javascript:void(0)" style="background-image: url(img/gCons/pie-chart.png)">Charts</a></li>
                <li><a href="javascript:void(0)" style="background-image: url(img/gCons/edit.png)">Add New Article</a></li>
                <li><a href="javascript:void(0)" style="background-image: url(img/gCons/add-item.png)"> Add New Page</a></li>
                <li><a href="javascript:void(0)" style="background-image: url(img/gCons/chat-.png)"><span class="label label-danger">26</span> Comments</a></li>
            </ul>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-5">
            <h3 class="heading">Visitors by Country <small>last week</small></h3>
            <div id="fl_2" style="height:200px;width:80%;margin:50px auto 0"></div>
        </div>
        <div class="col-sm-7">
            <div class="heading clearfix">
                <h3 class="pull-left">Another Chart</h3>
                <span class="pull-right label label-info ttip_t" title="Here is a sample info tooltip">Info</span>
            </div>
            <div id="fl_1" style="height:270px;width:100%;margin:15px auto 0"></div>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-6 col-lg-6">
            <div class="heading clearfix">
                <h3 class="pull-left">Latest Orders</h3>
                <span class="pull-right label label-danger">5 Orders</span>
            </div>
            <table class="table table-striped table-bordered mediaTable">
                <thead>
                    <tr>
                        <th class="optional">id</th>
                        <th class="essential persist">Customer</th>
                        <th class="optional">Status</th>
                        <th class="optional">Date Added</th>
                        <th class="essential">Total</th>
                        <th class="essential">Action</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>134</td>
                        <td>Summer Throssell</td>
                        <td>Pending</td>
                        <td>24/04/2012</td>
                        <td>$120.23</td>
                        <td>
                            <a href="#" title="Edit"><i class="splashy-document_letter_edit"></i></a>
                            <a href="#" title="Accept"><i class="splashy-document_letter_okay"></i></a>
                            <a href="#" title="Remove"><i class="splashy-document_letter_remove"></i></a>
                        </td>
                    </tr>
                    <tr>
                        <td>133</td>
                        <td>Declan Pamphlett</td>
                        <td>Pending</td>
                        <td>23/04/2012</td>
                        <td>$320.00</td>
                        <td>
                            <a href="#" title="Edit"><i class="splashy-document_letter_edit"></i></a>
                            <a href="#" title="Accept"><i class="splashy-document_letter_okay"></i></a>
                            <a href="#" title="Remove"><i class="splashy-document_letter_remove"></i></a>
                        </td>
                    </tr>
                    <tr>
                        <td>132</td>
                        <td>Erin Church</td>
                        <td>Pending</td>
                        <td>23/04/2012</td>
                        <td>$44.00</td>
                        <td>
                            <a href="#" title="Edit"><i class="splashy-document_letter_edit"></i></a>
                            <a href="#" title="Accept"><i class="splashy-document_letter_okay"></i></a>
                            <a href="#" title="Remove"><i class="splashy-document_letter_remove"></i></a>
                        </td>
                    </tr>
                    <tr>
                        <td>131</td>
                        <td>Koby Auld</td>
                        <td>Pending</td>
                        <td>22/04/2012</td>
                        <td>$180.20</td>
                        <td>
                            <a href="#" title="Edit"><i class="splashy-document_letter_edit"></i></a>
                            <a href="#" title="Accept"><i class="splashy-document_letter_okay"></i></a>
                            <a href="#" title="Remove"><i class="splashy-document_letter_remove"></i></a>
                        </td>
                    </tr>
                    <tr>
                        <td>130</td>
                        <td>Anthony Pound</td>
                        <td>Pending</td>
                        <td>20/04/2012</td>
                        <td>$610.42</td>
                        <td>
                            <a href="#" title="Edit"><i class="splashy-document_letter_edit"></i></a>
                            <a href="#" title="Accept"><i class="splashy-document_letter_okay"></i></a>
                            <a href="#" title="Remove"><i class="splashy-document_letter_remove"></i></a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="col-sm-6 col-lg-6">
            <div class="heading clearfix">
                <h3 class="pull-left">Latest Images <small>(gallery grid)</small></h3>
                <span class="pull-right label label-success">10</span>
            </div>
            <div id="small_grid" class="wmk_grid">
                <ul>
                    <li class="thumbnail">
                        <a href="gallery/Image04.jpg" title="Image_4 title long title long title long">
                            <img src="gallery/Image04_tn.jpg" alt="">
                        </a>
                        <p>
                            <span>246KB<br>11/06/2012</span>
                        </p>
                    </li>
                    <li class="thumbnail">
                        <a href="gallery/Image05.jpg" title="Image_5 title long title long title long">
                            <img src="gallery/Image05_tn.jpg" alt="">
                        </a>
                        <p>
                            <span>180KB<br>26/05/2012</span>
                        </p>
                    </li>
                    <li class="thumbnail">
                        <a href="gallery/Image06.jpg" title="Image_6 title long title long title long">
                            <img src="gallery/Image06_tn.jpg" alt="">
                        </a>
                        <p>
                            <span>272KB<br>16/06/2012</span>
                        </p>
                    </li>
                    <li class="thumbnail">
                        <a href="gallery/Image07.jpg" title="Image_7 title long title long title long">
                            <img src="gallery/Image07_tn.jpg" alt="">
                        </a>
                        <p>
                            <span>321KB<br>17/05/2012</span>
                        </p>
                    </li>
                    <li class="thumbnail">
                        <a href="gallery/Image08.jpg" title="Image_8 title long title long title long">
                            <img src="gallery/Image08_tn.jpg" alt="">
                        </a>
                        <p>
                            <span>137KB<br>12/06/2012</span>
                        </p>
                    </li>
                    <li class="thumbnail">
                        <a href="gallery/Image09.jpg" title="Image_9 title long title long title long">
                            <img src="gallery/Image09_tn.jpg" alt="">
                        </a>
                        <p>
                            <span>179KB<br>22/06/2012</span>
                        </p>
                    </li>
                    <li class="thumbnail">
                        <a href="gallery/Image10.jpg" title="Image_10 title long title long title long">
                            <img src="gallery/Image10_tn.jpg" alt="">
                        </a>
                        <p>
                            <span>237KB<br>28/06/2012</span>
                        </p>
                    </li>
                    <li class="thumbnail">
                        <a href="gallery/Image11.jpg" title="Image_11 title long title long title long">
                            <img src="gallery/Image11_tn.jpg" alt="">
                        </a>
                        <p>
                            <span>157KB<br>13/05/2012</span>
                        </p>
                    </li>
                    <li class="thumbnail">
                        <a href="gallery/Image12.jpg" title="Image_12 title long title long title long">
                            <img src="gallery/Image12_tn.jpg" alt="">
                        </a>
                        <p>
                            <span>348KB<br>28/06/2012</span>
                        </p>
                    </li>
                    <li class="thumbnail">
                        <a href="gallery/Image13.jpg" title="Image_13 title long title long title long">
                            <img src="gallery/Image13_tn.jpg" alt="">
                        </a>
                        <p>
                            <span>229KB<br>14/06/2012</span>
                        </p>
                    </li>
                    <li class="thumbnail">
                        <a href="gallery/Image14.jpg" title="Image_14 title long title long title long">
                            <img src="gallery/Image14_tn.jpg" alt="">
                        </a>
                        <p>
                            <span>218KB<br>23/06/2012</span>
                        </p>
                    </li>
                    <li class="thumbnail">
                        <a href="gallery/Image15.jpg" title="Image_15 title long title long title long">
                            <img src="gallery/Image15_tn.jpg" alt="">
                        </a>
                        <p>
                            <span>116KB<br>28/06/2012</span>
                        </p>
                    </li>

                </ul>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-8 col-lg-8">
            <h3 class="heading">Calendar</h3>
            <div id="calendar"></div>
        </div>
        <div class="col-sm-4 col-lg-4" id="user-list">
            <h3 class="heading">Users <small>last 24 hours</small></h3>
            <div class="row">
                <div class="col-lg-12">
                    <div class="input-group input-group-sm sepH_b">
                        <span class="input-group-addon">
                            <i class="glyphicon glyphicon-user"></i>
                        </span>
                        <input class="user-list-search search form-control input-sm" placeholder="Search user" type="text">
                    </div>
                    <ul class="nav nav-pills line_sep">
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Sort by <b class="caret"></b></a>
                            <ul class="dropdown-menu sort-by">
                                <li><a href="javascript:void(0)" class="sort" data-sort="sl_name">by name</a></li>
                                <li><a href="javascript:void(0)" class="sort" data-sort="sl_status">by status</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Show <b class="caret"></b></a>
                            <ul class="dropdown-menu filter">
                                <li class="active"><a href="javascript:void(0)" id="filter-none">All</a></li>
                                <li><a href="javascript:void(0)" id="filter-online">Online</a></li>
                                <li><a href="javascript:void(0)" id="filter-offline">Offline</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <ul class="list user_list">
                <li>
                    <span class="label label-success pull-right sl_status">online</span>
                    <a href="#" class="sl_name">John Doe</a><br>
                    <small class="s_color sl_email">johnd@example1.com</small>
                </li>
                <li>
                    <span class="label label-success pull-right sl_status">online</span>
                    <a href="#" class="sl_name">Kate Miller</a><br>
                    <small class="s_color sl_email">kmiller@example1.com</small>
                </li>
                <li>
                    <span class="label label-danger pull-right sl_status">offline</span>
                    <a href="#" class="sl_name">James Vandenberg</a><br>
                    <small class="s_color sl_email">jamesv@example2.com</small>
                </li>
                <li>
                    <span class="label label-danger pull-right sl_status">offline</span>
                    <a href="#" class="sl_name">Donna Doerr</a><br>
                    <small class="s_color sl_email">donnad@example3.com</small>
                </li>
                <li>
                    <span class="label label-danger pull-right sl_status">offline</span>
                    <a href="#" class="sl_name">Perry Weitzel</a><br>
                    <small class="s_color sl_email">perryw@example2.com</small>
                </li>
                <li>
                    <span class="label label-success pull-right sl_status">online</span>
                    <a href="#" class="sl_name">Charles Bledsoe</a><br>
                    <small class="s_color sl_email">charlesb@example3.com</small>
                </li>
                <li>
                    <span class="label label-danger pull-right sl_status">offline</span>
                    <a href="#" class="sl_name">Wendy Proto</a><br>
                    <small class="s_color sl_email">wnedyp@example1.com</small>
                </li>
                <li>
                    <span class="label label-success pull-right sl_status">online</span>
                    <a href="#" class="sl_name">Nancy Ibrahim</a><br>
                    <small class="s_color sl_email">nancyi@example2.com</small>
                </li>
                <li>
                    <span class="label label-danger pull-right sl_status">offline</span>
                    <a href="#" class="sl_name">Eric Cantrell</a><br>
                    <small class="s_color sl_email">ericc@example4.com</small>
                </li>
                <li>
                    <span class="label label-success pull-right sl_status">online</span>
                    <a href="#" class="sl_name">Andre Hill</a><br>
                    <small class="s_color sl_email">andreh@example2.com</small>
                </li>
                <li>
                    <span class="label label-success pull-right sl_status">online</span>
                    <a href="#" class="sl_name">Laura Taggart</a><br>
                    <small class="s_color sl_email">laurat@example3.com</small>
                </li>
                <li>
                    <span class="label label-danger pull-right sl_status">offline</span>
                    <a href="#" class="sl_name">Doug Singer</a><br>
                    <small class="s_color sl_email">dougs@example2.com</small>
                </li>
                <li>
                    <span class="label label-success pull-right sl_status">online</span>
                    <a href="#" class="sl_name">Douglas Arnott</a><br>
                    <small class="s_color sl_email">douglasa@example1.com</small>
                </li>
                <li>
                    <span class="label label-danger pull-right sl_status">offline</span>
                    <a href="#" class="sl_name">Lauren Henley</a><br>
                    <small class="s_color sl_email">laurenh@example3.com</small>
                </li>
                <li>
                    <span class="label label-danger pull-right sl_status">offline</span>
                    <a href="#" class="sl_name">William Jardine</a><br>
                    <small class="s_color sl_email">williamj@example4.com</small>
                </li>
                <li>
                    <span class="label label-success pull-right sl_status">online</span>
                    <a href="#" class="sl_name">Yves Ouellet</a><br>
                    <small class="s_color sl_email">yveso@example2.com</small>
                </li>
                <li>
                    <span class="label label-success pull-right sl_status">online</span>
                    <a href="#" class="sl_name">John Doe</a><br>
                    <small class="s_color sl_email">johnd@example1.com</small>
                </li>
                <li>
                    <span class="label label-success pull-right sl_status">online</span>
                    <a href="#" class="sl_name">Kate Miller</a><br>
                    <small class="s_color sl_email">kmiller@example1.com</small>
                </li>
                <li>
                    <span class="label label-danger pull-right sl_status">offline</span>
                    <a href="#" class="sl_name">James Vandenberg</a><br>
                    <small class="s_color sl_email">jamesv@example2.com</small>
                </li>
                <li>
                    <span class="label label-danger pull-right sl_status">offline</span>
                    <a href="#" class="sl_name">Donna Doerr</a><br>
                    <small class="s_color sl_email">donnad@example3.com</small>
                </li>
                <li>
                    <span class="label label-danger pull-right sl_status">offline</span>
                    <a href="#" class="sl_name">Perry Weitzel</a><br>
                    <small class="s_color sl_email">perryw@example2.com</small>
                </li>
                <li>
                    <span class="label label-success pull-right sl_status">online</span>
                    <a href="#" class="sl_name">Charles Bledsoe</a><br>
                    <small class="s_color sl_email">charlesb@example3.com</small>
                </li>
                <li>
                    <span class="label label-danger pull-right sl_status">offline</span>
                    <a href="#" class="sl_name">Wendy Proto</a><br>
                    <small class="s_color sl_email">wnedyp@example1.com</small>
                </li>
                <li>
                    <span class="label label-success pull-right sl_status">online</span>
                    <a href="#" class="sl_name">Nancy Ibrahim</a><br>
                    <small class="s_color sl_email">nancyi@example2.com</small>
                </li>
                <li>
                    <span class="label label-danger pull-right sl_status">offline</span>
                    <a href="#" class="sl_name">Eric Cantrell</a><br>
                    <small class="s_color sl_email">ericc@example4.com</small>
                </li>
                <li>
                    <span class="label label-success pull-right sl_status">online</span>
                    <a href="#" class="sl_name">Andre Hill</a><br>
                    <small class="s_color sl_email">andreh@example2.com</small>
                </li>
                <li>
                    <span class="label label-success pull-right sl_status">online</span>
                    <a href="#" class="sl_name">Laura Taggart</a><br>
                    <small class="s_color sl_email">laurat@example3.com</small>
                </li>
                <li>
                    <span class="label label-danger pull-right sl_status">offline</span>
                    <a href="#" class="sl_name">Doug Singer</a><br>
                    <small class="s_color sl_email">dougs@example2.com</small>
                </li>
                <li>
                    <span class="label label-success pull-right sl_status">online</span>
                    <a href="#" class="sl_name">Douglas Arnott</a><br>
                    <small class="s_color sl_email">douglasa@example1.com</small>
                </li>
                <li>
                    <span class="label label-danger pull-right sl_status">offline</span>
                    <a href="#" class="sl_name">Lauren Henley</a><br>
                    <small class="s_color sl_email">laurenh@example3.com</small>
                </li>
                <li>
                    <span class="label label-danger pull-right sl_status">offline</span>
                    <a href="#" class="sl_name">William Jardine</a><br>
                    <small class="s_color sl_email">williamj@example4.com</small>
                </li>
                <li>
                    <span class="label label-success pull-right sl_status">online</span>
                    <a href="#" class="sl_name">Yves Ouellet</a><br>
                    <small class="s_color sl_email">yveso@example2.com</small>
                </li>
            </ul>
            <ul class="pagination paging bottomPaging"></ul>
        </div>
    </div>


    <script src="/Scripts/jquery.min.js"></script>
    <script src="/Scripts/jquery-migrate.min.js"></script>
    <script src="/lib/jquery-ui/jquery-ui-1.10.0.custom.min.js"></script>
    <!-- touch events for jquery ui-->
    <script src="/Scripts/forms/jquery.ui.touch-punch.min.js"></script>
    <!-- easing plugin -->
    <script src="/Scripts/jquery.easing.1.3.min.js"></script>
    <!-- smart resize event -->
    <script src="/Scripts/jquery.debouncedresize.min.js"></script>
    <!-- js cookie plugin -->
    <script src="/Scripts/jquery_cookie_min.js"></script>
    <!-- main bootstrap js -->
    <script src="/bootstrap/js/bootstrap.min.js"></script>
    <!-- bootstrap plugins -->
    <script src="/Scripts/bootstrap.plugins.min.js"></script>
    <!-- typeahead -->
    <script src="/lib/typeahead/typeahead.min.js"></script>
    <!-- code prettifier -->
    <script src="/lib/google-code-prettify/prettify.min.js"></script>
    <!-- sticky messages -->
    <script src="/lib/sticky/sticky.min.js"></script>
    <!-- tooltips -->
    <script src="/lib/qtip2/jquery.qtip.min.js"></script>
    <!-- lightbox -->
    <script src="/lib/colorbox/jquery.colorbox.min.js"></script>
    <!-- jBreadcrumbs -->
    <script src="/lib/jBreadcrumbs/js/jquery.jBreadCrumb.1.1.min.js"></script>
    <!-- hidden elements width/height -->
    <script src="/Scripts/jquery.actual.min.js"></script>
    <!-- custom scrollbar -->
    <script src="/lib/slimScroll/jquery.slimscroll.js"></script>
    <!-- fix for ios orientation change -->
    <script src="/Scripts/ios-orientationchange-fix.js"></script>
    <!-- to top -->
    <script src="/lib/UItoTop/jquery.ui.totop.min.js"></script>
    <!-- mobile nav -->
    <script src="/Scripts/selectNav.js"></script>

    <!-- common functions -->
    @*<script src="/Scripts/gebo_common.js"></script>*@

    <!-- multi-column layout -->
    <script src="/Scripts/jquery.imagesloaded.min.js"></script>
    <script src="/Scripts/jquery.wookmark.js"></script>
    <!-- responsive table -->
    <script src="/Scripts/jquery.mediaTable.min.js"></script>
    <!-- small charts -->
    <script src="/Scripts/jquery.peity.min.js"></script>
    <!-- charts -->
    <script src="/lib/flot/jquery.flot.min.js"></script>
    <script src="/lib/flot/jquery.flot.resize.min.js"></script>
    <script src="/lib/flot/jquery.flot.pie.min.js"></script>
    <!-- calendar -->
    <script src="/lib/fullcalendar/fullcalendar.min.js"></script>
    <!-- sortable/filterable list -->
    <script src="/lib/list_js/list.min.js"></script>
    <script src="/lib/list_js/plugins/paging/list.paging.min.js"></script>
    <!-- dashboard functions -->
    <script src="/Scripts/gebo_dashboard.js"></script>

    <script>

        function iframeAutoFit() {
            var ex;
            try {
                if (window != parent) {
                    var a = parent.document.getElementsByTagName("iframe");
                    for (var i = 0; i < a.length; i++) {
                        if (a[i].contentWindow == window) {
                            var h1 = 0, h2 = 0;
                            if (document.documentElement && document.documentElement.scrollHeight) {
                                h1 = document.documentElement.scrollHeight;
                            }
                            if (document.body) h2 = document.body.scrollHeight;
                            var h = Math.max(h1, h2);
                            if (window.ActiveXObject) { h += 4; }
                            else { h += 4; }
                            a[i].style.height = h + "px";
                            window.removeEventListener('resize', iframeAutoFit, false); //兼容谷歌浏览器时要去掉RISZE监听
                        }
                    }
                }
            }
            catch (ex) { }
        }

    </script>

</body>
</html>
